
.popup {
    position: absolute;
    top: 0;
    left: 0;
}

.popupBackdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(black, 0.1);
    pointer-events: auto;
    animation: 150ms popup-backdrop-fadein;
}

@keyframes popup-backdrop-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fullscreenOverlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modalWindowBackdrop {
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(black, 0.3);
}

.modalWindow {
    pointer-events: auto;
    max-width: 80%;
    max-height: 80%;
    background-color: white;
    box-shadow: 0 0 6px 0 rgba(black, 0.3);
    border-radius: 5px;
}
